الأهداف العامة والخاصة لتدريسن 


تكنولوجيا المعلومات والاتصالات 
للصف الثاني الإعدادي 


((الأهداف العامة)) 


»تعرف بعض العمليات والمفاهيم الخاصة بإنشاء صفحة ويب . 


»تعرف بعض المفاهيم والعمليات الأساسية لد مات وتطبيقات تكنولوجيا المعلومات والاتصالات. 
«فهم بعض جوانب الأمن الفكري المتعلقة باستخدام تكنولوجيا المعلومات والاتصالات. 
١‏ استخدام أدوات الإنتاج التكنولوي ( لغة - 1(1 الوسائط المتعددة "صوت صورة فيديو ") في دعم تعلمه. 


© إنتاخ مشروع ( تصميم موقع ويب ) باستخدام العمليات والبرامخ والأدوات التكنولوجية . 
»توظيف أدوات الإتصال التكنولوجية في تبادل المحتوى والرؤى مع الأخرين . 


. استخدام المصادر الإلكترونية في التعامل مع المعلومات‎ ٠ 


. استخدام الأدوات التكنولوجية في معالجة البيانات وتقييمها وإعداد تقارير بالنقائع‎ ٠ 
((الأهداف الخاصة))‎ 


٠‏ يتعرف بعض المفاهيم والمصطلحات العلمية الأساسية لتكنولوجيا المعلومات 


( مواقع الويب - صفحة الويب ) 
٠‏ يمارس العمليات الأساسية للتعامل مع تطبيقات تقنيات المعلومات 
والاتصالات . 
#٠‏ يوضع مراحل تصميم وإنشاء موقع الويب ٠‏ 
© يتعرف برنامخ إنشاء ومعالجة الصوت . 


«يعد / هز( البيانات ٠‏ المكونات البرمجية والمادية ) لإنشاء الصوت ٠‏ 


. يستخدم برنامخ 411012117 لإنشاء ومعالجة ملفات الصوت‎ ٠ 

. )... - يجري عمليات المعالجة لمقاطع الصوت ( إضافة تأثير - حذف‎ ٠ 

© يتعرف أنواع امتداد ملفات الصوت . 

© يتعرف بعض برمجيات معالجة ملفات الفيديو . 

٠‏ يستورد ملفات ( صور/ صوت ) لبرنامخ إنشاء ومعالجة ملفات الفيديو 
Openshot‏ 

» ينشئ مشاهد فيديو داخل برنامخ معالجة ملفات الفيديو . 

© يعدل في مشاهد الفيديو . 


. يحفظ ملف مشروع الفيديو‎ ٠ 


. يضيف (تأثيرات / مراخل انتقالية / نص ) لمشاهد الفيديو‎ ٠ 
. يصدر الفيديو إلى ملف بامتداد مناسب‎ ٠ 


. يتعرف بعض أدوات انتاخ صفحات المعلومات وخدمات الانترنت‎ ٠ 


. 1111711 يتعرف القواعد الأساسية لإنشاء صفحة ويب باستخدام أوامر‎ ٠ 


. 111171[ يتعرف التركيب البنافي لإنشاء صفحة ويب بأوامر‎ ٠ 

٠‏ يضيف محتوى لصفحة الويب ( نص - صورة - فيديو - ارتباطات. 
تشعبية ..) 

© ينسق مختوى صفحة الويب . 

. يدرخ ارتباط تشعبي داخل صفحة الويب / بين صفحات الموقع‎ ٠ 

. يحدد عدد صفحات الموقع من التخطيط التفصيلي لموقع الويب‎ ٠ 

. 1111701 ينشئ صفحات الموقع المختلفة بلغة‎ ٠ 


* يدر ارتباط تشعبي بين صفحات الموقع . 


EES 
وی‎ 
ا و کے‎ 


العصف الذهني 


الدرس الأول 


الخوار والمناقشة 
١‏ ْ مفاهيم وأساسيات مواقع الويب 


الأضاف الإجرائية. __ 


بنهاية الدرس يكون الطالب قادرا علي أن : 


يتعرف مفهوم ( مواقع الويب / صفحة الويب / الصفحة الرئيسية ) 
يستنتع مكونات موقع الويب . 

#يوضخ عناصر صفحة الويب (نص - صورة - فيديو - ارتباط تشعبي) 
«يتعرف أنواع صفحات الويب المختلفة ( الثابتة - التفاعلية ) 


الشريف واطلب من كل مجموعة عمل قائمة بمحقويات الموقع ومكوناته وعرضها علي المجموعات الأخرى مع 
مناقشتهم فيها وصولا للنقاط الأساسية للدرس وعرضها للطلاب . 


موقع الويب : عبارة عن صفحة ويب 38م اع أو أكثر مترابطة مع بعضها غت اسم معين .وله عنوان على شبكة الانترنتة 


كم يسدى بعنوان الموقف ؛ ويمكن زيارته من خلال الكمبيوتر أو الهاتف المحمول . 
صفحة الويب 038 داع ثلا : هي مستند به محتوى الكتروني ينشر علي شبكة الانترنت ويتم عرضه من خلال برنامج مستعرض 
الإنترنت . 
الصفحة الرئيسية 28م 100 : هي أول صفحة بموقع الويب والتي من خلالها يتم الانتقال لباق صفحات الموقع . 
عناصر صفحة الويب : ( نص - صورة - فيديو - ارتباط تشعبي ) . 
صفحة الويب الثابتة : محتواها معد مسبقا بواسطة مصمم الصفحة ويظل هذا المحتوى ثابتا في كل مرة يتم فيها زيارة الصفحة » 
تستخدم لعرض المعلومات يتم الاطلاع عليها فقط بدون إمكانية إجراء أي تفاعل لمحتواها وتستخدام أوامر ١٤٣١‏ في تصميم 
- هذا النوع من الصفحات . 
صفخة الويب التفاعلية : هي صفحة معلومات تعرض محتوك يتيخ للزائرين التفاعل معه ومعالجته . يستخدم لتصميم هذه النوع 
من الصفحات أوامر ادم ل بالإضافة للغات أخرى مثل لغة غم ۷25٤٣‏ هز و م۴ وغيرها . 


التقويم : الصفحة الرئيسية هي UES‏ 


دفتر تحضير الصف الثاني الإعدادي الفصل الدراسي الأ 
مسي ا د 
م لس كه کے 


الدرس الثاني 


مراحل تصميم وإنشاء موقع الويب 


بنهاية الدرسه يكون الطالب قادرا علي أن . 

#يفرق بين مراحل تصميم وإنشاء موقع الويب . 

#يرسم مخطط بسيط على الورق يقضمن صفحات الموقع (مدرستي). 
»يبحث عن النصوص اللازمة لصفحات الويب المختلفة 


* يلتقط مجموعة من الصور لمدرسته ويقوم بحفظها وتجهيزها . 


اصطحب الطلاب لحجرة الحاسبب الالي واقسمهم eg‏ اطرخ عليهم السؤال التمهيدي واعرض عليهم صورة توضح المراحل اللازمة لتصميم 
وإنشاء الموقع واطلب من كل مجموعة رسم مخطط بسيط علي الورق لموقع مدرستي واساعدهم في ذلك مع توجيهم وتعريفهم بالمراحل المختلفة 


ومحقواها . 


المرحلة الأول ؛ التخطيط لبناء موقع الويب : 02020 الصرحلة الرابعة: مرخلة التنفي: 

- وضع مخطط بسيط على الورق للصفحة الرئيسية وصفحات الويب للموقع. باستخدام أحد لفات البرمجة وأوامر 1٣۱‏ يتم : 

- ديد البيانات والمعلومات التي تقضمنها صفحات الويب . - تحويل التصميم إلى صفحات ويب . 

المرحلة الثانية : تصميم الصفحة الرئيسية والفرعية : - وضع البيانات ( نصوص - صور - صوت - فيديو ) في صفحات 
- تصميم شكل الصفحة الرئيسية وصفحات الويب . الويب . 

- تحديد لون الخلفية لصفحات الويب . - إنشاء الارتباطات التشعبية لصفحات الموقع . 

- تعديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات الويب . المرحلة الخامسة : نشر الموقع عبر الانترنت . 

- ديد الارتباطات التشعبية داخل صفحة الويب . - حجز عنوان للموقع + تخصيص مساحة تخزينية له على أحد أجهز الخادم 
المرحلة الثالثة : الإعداد والتجهيز : لنشر الموقع . 

- الإعداد والتجهيز لملفات النصوص » الصورء الصوت ٠‏ الفيديو وحفظها 

داخل أحد المجلدات . 


التقويم : في مرحلة التنفيذ لتصميم الموقع يقم عمل E‏ 


جه دفتر تحضير الصف الثاني الإعدادي الفصل / 


الدرس الثالث 
إنشاء ومعالجة ملفات الصوت (1) 


بنهاية الدرس يكون الطالب قادرا علي أن : 
- بتعرف برنامة إنشاء ومعالجة الصون . 
٠‏ يعد ويجهز البيانات واطكوتات لإنشا؛ء ملف الصوت . 
٠‏ بعدل ي مقط الصوت بإضافة تأثير . 
الأنشطةالمصاحبة ‏ 
اصطحب الطلاب لحجرة الحاسب الالي واقسمهم مجموعات واطرخ عليهم السؤال التمهيدي واعرض عليهم بعض 
برا صخ إنشاء الصوت ومنها ر٤اءةلده‏ موضحا لهم طريقة إنشا؟ ملف صوت وأطلب منهم التجهير طلف صوت حسب 
أنشطة الكئاب والنطبيق العملي على الدرس كما وضحت سابقا . 


خطوات إنشاء ملف صوت : 
أولا الإعداد والتجهيز: 

- جمع البيانات الي سوف يثم تسجيلها صويا . 

- الثاكد من ثثبيت أحد برامة إنشاء ومعالجة الصوت على الأجهزة . 

- الثائد من توصيل اطيكروفون والسماعات بجهاز الكمبيوثر . 

ثانيا الثنفيذ لإنشاء ملف صوت : ثالثا التعديل ف الصوت باضافة نار : 

- تحصيل أحد برامة إنشاء ومعالجة ملفات الصوت . - تحديد مقطا الصوت اططلوب إضافة الثأثير له وذلك 
- البده 3 تسجيل الصوت بالضغط على زر الثسجيل 560:4 ٠‏ بالضغط والسحب على الجزء اططلوب بالصوت 
- استخدام اطيكروفون إدخال البيانات الصوئية . باستخدام مؤشر القراءة على الشريط الزمي . 

- للانتهاء من إدخال الييانات الصوئية اضغط زر الإيقاف مه:5 . - من قائصة ۲١٠۴ع‏ يثم اخثيار أحد الثاثيرات اططلوبة . 
- لتشغيل الصوت وا لاستماع له من خلال السماعان نضغط زررهام . 

الثقويم : اذكر خطوات الإعداد والتجهيز لإنشاء ملف صوئي . 

”7 دفتر تحضير الصف الثاني الإعدادي الفصل الدياسي الأول 


جي 


الدرس الرابع 
إنشاء ومعالجة ملفات الصوت () 


بنهاية الرس يكون الطاب قادرا علي أن : 
٠ري‏ عمليات المعالية لمقاطع الصوت ( قصص واللصق / الحذف ) 
«يصدر الصوت إلى ملف بامتداد مناسبب . 


#يتعرف أنواع امتدادات ملفات الصوت . 


اصطحب الطلاب لخجرة الحاسب الاي واطرخ عليهم السؤال التمجيدي واعرض عليهم بعض الأنشطة لاستخدام رامع ۸۷0361۷ في التعديل على 
مقاطع الصوت وطريقة تصدير ملفات الصوت بامتدادات مختلفة وأطلب منهم تنفيذ أنشطة الدرس بشكل عملي . 


- تحديد المقطع الصو المطلوب نقله » من قائمة 2011 اختيار أن © . 

- ريك مؤشر القراءة بالشريط الزمني إلى المكان المطلوب عمل لصق للمقطع الصوق عنده » من قائمة 2011 يتم أختيار 03516 
- إعادة تشغيل الصوت من زر التشغيل والاستماع اليه . 

حذف المقطع الصوق : 

- تحديد المقطع الصوق المطلوب حذفه . 

- الضغط على مفتاج "06/616" من لوحة المفاتيخ . 

تصدير ملف الصوت : 

- من قائمة Fİ|©‏ اختيار 200163101010 . 


- ديد الامتداد المناسب لملف الصوت . 


التقويم : قاين بين الامتداد الصوقي 003 , ۷3۷ من حيث السعة التخزينية لكل منهما 


دفتر تحضور الصف الثاني الإعدادي الفصل 


الدرس الخامس 


إنشاء ومعالجة ملفات الفيديو (1) 


2 0 اللاي 
الأهداف الإجرائية 
بنهاية الدرس يكون الطالب قادرا عاي أن : 


#يتعرف بعض برمجيات معالجة الفيديو . 


Jf"‏ 30 د رايا 
فيديو ؟ 


#يستورد ملفات ( صور/ صوت )برنامخ غرير ومعالجة ملفات الفيديو . 


#ينشئ مشاه فيديو داخل برنامخ معالجة ملفات الفيديو . 


اصطحب الطلاب لحجرة الحاسب الالي واقسمهم لمجموعات واطرخ عليهم السؤال التمهيدي واعرض عليهم بعض برامخ إنشاء الفيديو ومنها 
065101 موضها لهم الشاشة الافتتاحية وطريق استيراد ملفات للبرنامخ وصولا لإنشاء مشاه فيديو داخل البرنامخ واطلب منهم تطبيق أنشطة 


الدرس . 


برامخ إنشاء ومعالجة ملفات الفيديو : هي البرامخ التي تمكن المستخدم من إنشاء وتعديل ملفات الفيديو من خلال العديد من الأدوات والوسائل 
والتأثيرات ومنها برامخ مفتوحة المصدر مثل 061751701 وبرامخ مغلقة المصدر مثل !03166 movie‏ . 


واجهة برنامخ إنشاء ومعالجة الفیدیو 00۵۸50 : 


. Main 1001531 الشريط الرئيس‎ - ١ 


, Project Fil6S المشروع‎ lle - " 
. FunCtiO0¬ 1236 -تبويب الوظائف‎ " 
. preview Wi^d0OW معايفة الفيديو‎ - 
. Edit 1001531 شريط التحرير‎ - ٥ 
. 200177 51106] التصغير والتكبير‎ - 5 
. Play head / Ruler رأس القراءة‎ Y 


۸ -الشریط الزمي 1116116 . 


إنشاء مشاهد فيديو 1105 6 ۷/1480 : 
- استيراد ملفات الصور والصوت داخل البرنامخ . - ترتيب مشاهد الفيديو (صور/ صوت ) علي الشريط الزمني 11/1١8‏ للبرنامج 


- معاينة الفيديو . 


التقويم : اذكر خطوات إنشاء مشهد فيديو ؟ 


دفتر تحضير الصف الثاني الإعدادي الفصل الدراسي الأول 
إعداد وتصميم : محمود ياسين الشافي 


الدرس السادس 
إنشاء ومعالجة ملفات الفيديو (؟) 


6699669666ه6 ه 
٠‏ ب الأهدافالإجرائية ٠‏ 
بنهاية الدرس يكون الطالب قادرا علي أن : 
#يعدل في مشاهد الفيديو . 
» يحفظ ملف مشروع الفيديو . 


#يضيف تأثيرات لمشاهد الفيديو . 


واعرض عليهم طريقة التعديل في المشاهد من خلال 
البرنامع وصولا لحفظ الملف وإضافة التأثيرات وأطلب منهم التطبيق العملي علي نفس المشروع الذي قاموا بإنشاء في الحصة السابقة . 


حفظ مشروع الفيديو : 

- حفظ جميع الملفات (صور؛ صوت ...) والمستخدمة في مشاهد الفيديو داخل مجلا محدد . 

- من شريط القوائم الرئيس 100131 File رlıتl Main‏ ومنها 35 save project‏ . 

تعديل مشاهد الفيديو : 

. التحكم في الفترة الزمنية المخصصة لعرض مشهد فيديو : من خلال عدي الفترة الزمنية للمشهد على الشريط الزمي‎ - ١ 
. بالضغط والسحب على رأس مؤشر القراءة وتمريكه حتى يصل للمكان المطلوب على الشريط الزمي‎ - 

- الضغط على مسار المشهد >1 1126 بالزر الأيمن للفأرة “ تظهر قائمة مختصرة . 

اختيارامر شرعة الكليب 1© 51166 لينقسم المشود لشرعتين وعند اختيار: 

Keep Both 511065 -‏ يتم الإبقاء على الشريعتين ( اليسرى واليمنى ) 

- 5|106 اا Keep‏ يتم الإبقاء فقط على الشرعة اليسرى . 

- ideاs Right‏ epع ‏ يتم الإبقاء فقط على الشرعة اليمى . 

؟ - إضافة تأثير لمشهد الفيديو : ا القرء الزمنية لعرض كليب الصوت في الشريط الزمني 
- الضغط على تبويب E۴۴88‏ واختيار احد التأثيرات بالضغط والسحب عليه واضافته للمشهد . 

- يظهر رمز التأثير على مشهد الفيديو . ويمكن قراءة اسم التأثير بالتأشير علي رمزه بالفأرة . 


- لحذف التأثير اضغط على رمز التأثير بزر الفأرة الأيمن واختررحذف التأثير ا ]1 Remove‏ 


د التقويم : اذكر خطوات حفظ المشروع 


= دفتر تحضير الصف الثاني الإعدادي الفصل الدراسي الأول 
إعداد وتصميم : محمودياسين الشافعي 00 يذ 
0-1 


إنشاء ومعالجة ملفات الفيديو () 


بنهاية الدرس يكون الطالب قادرا علي أن : 


يضيف ( مراحل انتقالية / نص ) لمشاهد الفيديو . 
يصدر الفيديو الى ملف بامتداد مناسب . 
يفرق بين الامتدادات المختلفة لملفات الفيديو . 


اصطحب الطلاب رة الحاسبه الالي واقسمهم لمجموعات واطرخ عليهم السؤال التمهيدي واعرض عليهم طريقة إضافة مراحل انتقالية ونص لمشاهد 
الفيديو وكيفية تصديره بامتداد مناسب من خلال التدريبات الموجودة بالكتاب واطلب منهم تطبيق ما تعلموه واختيار افضل المشروعات . 


عرضالدرس 0 


إضافة مراخل انتقالية 1131151610115" المشهد الغي 

- الضغط على تبويب الانتقالات 1131151110115 - الضغط مع السحب على أحد المراحل الانتقالية وإضافته للمشود المطلوب . 
- وضع المرحلة الانتقالية في بداية أو نهاية المشهد . 

- التحكم في الفترة الزمنية لعرض المرحلة الانتقالية بالضغط والسحب عليها لتقليل أو زيادة الفترة بالعرض . 


إضافة نص إلي الفيديو : 

- من قائمة ۲١/8‏ يقم اختيار ۲|8 . - ملء بيانات المربع الحواري . 

-حفظ النص في ملف 521/6 - تسمية ملف النص باللغة الإنجليزية . 

- يظهر الملف النصي في ملفات المشروع 185" 5]0[661 . 

- إضافة الملف النصي إلى مشاهد الفيديو بالضغط مع السحب على ملف النص وإضافته إلى أحد مساراتلة . 

تصدير ملف الفيديو بامتداد مناسب : الضغط على زر تصدير الفيديو 171067 0۲×“ وف المربع الحواري تحديد التالي : 


- اسم ملف الفيديو "1376 ."File‏ ؛ مكان حفظ الملف ."Folder Path"‏ 


- نوع امتداد ملف الفيديو "121061 ؛ تحديد مسقو جودة الملفه "راج ."Qu‏ 
- تصدير الفيديو بالضغط على زرتصدير الفيديو 011١/1060"‏ 2". 


أنواع ملفات الفيديو : ( ....,أ "٥4,83۷‏ ) 


التقويم : اذكر خطوات إضافة نص لمشهد الفيديو . 


دفتر تحضور الصف الثاني الإعدادي الفصل الدراسي الأول 
امس ع اك اله ورد ةا نشت 


الدرس الثامن 


لغة الترميز Html‏ 


...ووه 
بنهاية الدرس يكون الطالب قادرا علي أن : 
*يتعرف بعض أدوات انتاخ صفحات المعلومات وخدمات الانترنت . 


#يتعرف القواعد الأساسية لإنشاء صفحة ويب باستخدام أوامر 8^1 . 
يتعرف التركيب البائ لإنشاء صفحة ويب بأوامر 1121 . 


لغة الترميزادم)1]1 : 
هي لغة تكويد تستخدم لإنشاء صفحات موقع الانترنت الثابتة والتي يتم عرضها باستخدام أحد برامخ مستعرضات الانترنت . 
القواعد الأساسية لإنشاء صفحة ويب باستخدام أوامر لدد)11 : 
<!DOCTYPE html>‏ 
<html>‏ 
created 2010-01-01 --<‏ --!< 
<head>‏ 
- معظم الأوامر لها بداية " < > " ونهاية "</ > " . أ <title> sample </title>‏ 
</head>‏ 
5 حفظ الملف النصي الذي عتوي على أوامر ا٣1۲‏ بامتداد ”١ا‏ . <body> .htmlgol‏ 
<p>\Voluptatem accusantium‏ 
- فتخ الملف المحفوظ باستخدام مستعرض الانترنت لعرض صفحة الويب . totam rem aperiam.</p>‏ 


</body> 
e . لا يشترط أن تكتب أوامر [)1] عروف كبيرة أو صغيرة‎ - 


التركيب البناني لإنشاء صفحة ويب بأوامر 111101 : 
كتابة الأمر 1٤١١<‏ > في بداية الكود يشير إلى ان المستند مكتوب بلغة ۲1).١١‏ ويقسم الكود لقسمين هما : 


- إنشاء ملف نصي باستخدام أحد برامخ غرير النصوص لكتابة أوامر 1151 . 


- كتابة أوامر 1)١١‏ بين العلامتين "<> " . 


- 11230 المنطقة الخاصة بكتابة معلومات للمستعرض حول الصفحة مثل عنوان الصفحة . 


- 15003 المنطقة الخاصة بكتابة المختوى الذي سيظهر داخل الصفحة . 


الدرس التاسع 
إضافة محتوى لصفحة الويب 


بنهاية الدرس يكون الطالب قادرا علي أن : 
٠‏ يضيف نص لصفحة الويب . 
٠‏ يغير اتجاه الصفحة باستخدام الخاصية اذك . 


. ) ينسق في صفحة الويب ( سطر جديد / توسيط للنص‎ ٠ 


اصطحب الطلاب لخجرة الحاسب الالي واقسمهم لمجموعات واطرخ عليهم السؤال التمهيدي واطلبه منم كتابة الأوامر الأساسية للصفحة ف ملف 
جديد واعرض عليهم طريقة إضافة النص وعمل توسيط له وكيفية إضافة سطر جديد وتغيير اتجاه الصفحة واطلب منهم تطبيق ما تعلموا من خلال 
تدريبات الكتاب . 


خطوات إضافة نص لصفحة الويب : 
في الملف النصي تكتب العبارة " مدرستي جميلة ونظيفة " داخل أمر</إ00/».... </600> 
حفظ الملف النصي بالاسم " 1٤7‏ .001طعء ". 

فتخ الملف " حتتاد!. 1[ومداء؟ " من خلال المستعرض لمشاهدة نتيجة تنفيذ الأوامر . 


تغبير اتجاه صفحة الويب باستخدام الخاصية 1٣‏ : ادم 
3 
«/title>‏ مستي (title)‏ 


صيغة الأمر : <"1"حرزل dyلoط>. e‏ 
1 


حسام 


قيمة الخاصية ۸)1 : يكون اناه صفحة الويب من اليمين إلى اليسار. 

قيمة الخاصية 1١‏ : يكون اتجاه صفحة الويب من اليسار إلى اليمين . : 

الكتابة بداية من سطر جديد بالأمر 0١‏ : تكتب الأمر <> لك يظهر النص في سطرين . 

مكاذاة النص ( توسيط ) بالامر C1٤6١‏ : يتم كتابة الأمر <7عأجعء/> ... <زعاجاعء> قبل النص المراد توسيطه وبعد الحفظ يظهر 


في المعاينة في منتصف صفخة الويب 


مثال للأمر ١۲ع‏ ١عء>‏ موقع المدرسة </ce16۲<‏ 


التقويم : يستخدم الأمر ................ للكتابة من بداية سطر جديه . 


الدرس العاشر 


لشتتن بف نا ب نا نيا نا 
بنهاية الرس ا وة الطالب قادراعاي > قادرا عاي أن 
#ويضيف مسافة فارغة بين الكلمات بالأمر مإؤطامي» . 


#يحدد لون كخلفية لصفحة الويب بالخاصية 5820101 . 
#يضع صورة كخلفية لصفخة الويب بالخاصية 882181700 . 


کے کے کے س 
اصطحب الطلاب لحجرة الحاسب الال واقسمهم لمجموعات واطرخ عليهم السؤال التمهيدي واطلب منهم كتابة 
الأوامر الأساسية للصفحة في ملف جديد واعرض عليهم طريقة إضافة مسافة بين الكلمات وطريقة تغيير خلفية 
الصفحة بلون أو صورة واطلب منهم تطبيق ما تعلموا من خلال تدريبات الكتاب . 


إضافة فراغات بين الكلمات بالأمر :مارك : 
يستخدم الأمر nbsp;‏ لترك المسافات بين الكلمات وبعدد تكراره يتم ترك مسافات بنفس العدد مثلا اذا تكرر؟ 
مرات يتم وضع ؟ مسافات فارغة . en‏ 
ديه لون كخلفية لصفحة الويب بالخاصية 5860101 : 
الأمر المستخدم 6800101 د 
صيغة كتابة الأمر : < "جعع رع "حتز10[وعع 0 /(00>. وهنا يتم وضع اللون الأخضر كخلفية . 
وضع صورة كخلفية لصفخة الويب بالخاصية ۲011ع 84c)‏ : 
الأمر المستخدم body background‏ 
صيغة كتابة الأمر < "ع مز. 1[ع1028"-101110عءاع02ا body‏ > حيث 1ع11128 الصورة المستخدمة كخلفية . 


التقويم + تستخدم الخاصية ٠.٠... ..............٠‏ لإضافة صورة كخلفية لصفحة الويب . 


13 5 دقةر تحضير الصف الثاني الإعدادي الفصك : 


الدرس الحادي عشر 


3 هق ا3ط ق 007 الويب 


ية الدرس يكون الطالب قادرا علي أن : 
ينسق الخط باستخدام الاأمر ۴٣٤‏ . 
يغير من نمط الخط بالأوامر ( 1/ط/1 ) 
يحفظ التغيرات ويعرضها عن طريق المقصفع . 


اصطحب الطلاب لحجرة الحاسب الالي واقسمهم لمجموعات واطرخ عليهم السؤال التمهيدي واطلب منهم كتابة الأوامر الأساسية للصفحة وكتابة نص 
معين في ملف جديد واعرض عليهم كيفية تغير نوع وحجم وشكل الخط مع إضافة تنسيقات له واطلب منهم تطبيق ما تعلموا من خلال تدريبات الكتاب . 


تنسيق الخط في صفحة الويب : iiss‏ 
للتحكم في نوع وحجم الخط يتم استخدام الأمر <]:101> وهو أمر له مجموعة من المنصائص ومنها : ١‏ 
- تحديد نوع الخط : الخاصية ۴4٥‏ 

«body dirz"rt1"> 
<font face="andalus" color="red" size="6") 
تحديد حجم الخط : الخاصية 51260 مدرستي جميلة ونظيقة ومنطون‎ - 


- تحديد لون الخط : الخاصية 0101 


ويمكن استخدام خاصية بمفردها مع الأمر <011) > او الثلاث خصائص في سطر واحد . 

ملاحظات : 

يتعرف المستعرض على (۷) احجام مختلفة من الخطوط والتي يتم تحديدها بواسطة الخاصية 512 حيث تتراوخ قيمتها من ١‏ إلى لا 
بعد استخدام أمر الإغلاق 0١١‏ / > ينتهي تأثير الأمر على تنسيقات أي نص يكتب بعده . العم 
في حالة عدم استخدام الأمر ۴0> يظهر نوع الخط على صفحة الويب بالشكل الافتراضي . </head>‏ 
يوجد العديد من الأوامر التي من خلالها يتم تنسيق الخط ومنها : ١‏ 
الأمر >٠<‏ : ووظيفته وضع خط تحت النص ( مسطر Underline‏ ) 

الأمر <> : ووظيفته جعل الخط عريض (8010 ) 

الأمر <1> : ووظفته جعل الخط مائل ( 13112 ) 


التقويم : يستخدم الأمر eee‏ 


ف 


الدرس الثاني عشر 
إضافة وسائط متعددة لصفخة الويب 


بنهاية الدرس يكو الطالب قادرا علي أن : 
*يدرخ صورة داخل صفحة الويب بالأمر دع دص > 
«يتحكم في أبعاد الصورة بصفحة الويب من خلال امخصائص . 
#عاذي الصورة داخل صفحة الويب بالخاصية مع 41 
الأنشطة المصاحبة __ 
اصطحب الطلاب لحجرة الحاسب الال واقسمهم لمجموعات واطرخ عليهم السؤال سد ا كتابة الأوامر الأساسية للصفحة واعرض 
عليهم كيفية إدراج صورة لصفحة الويب والتحكم في ابعادها وعمل محاذاة لها واطلب منهم تطبيق ما تعلموا من خلال تدريبات الكتاب . 


إدراخ صورة بصفحة الويب + لإدياخ صورة بصفحة الويب يتم استخدام خاصية 9۲٥‏ التابعة للأمر 18> ويتطلب ذلك تحديد اسم ملف 


الصورة ومكان حفظه . 
1 
<head> E: 5006 TET‏ 
صيغة كتابة الأمر : >”g2ضj (heads <img sre = “school.‏ 
التحكم في أبعاد الصورة : يتم التحكم في أبعاد الصورة من خلال خصائص الأمر دع >٠١‏ كالاتي : ë3‏ 
«font facez"andalus" colorz"red" sizez"6")‏ 
- الخاصية height‏ (ارتفاع الصورة ) height="200" dle ٠‏ ا 0 
2/100 


- الخاصية 11041 ( عرض الصورة  )‏ مثا width="300"‏ 


27607 


ويقم استخدام وحدة القياس البكسل اع ز! لقياس ابعاد الصورة . جلاال» 


محاذاة الصورة بصفحة الويب : يقم التحكم في محاذاة الصورة من خلال الخاصية 411 للأمر <8 :> وتأخذ الخاصية القيم الأنية : 
القيمة )داع 141 : وظيفتها محاذاة الصورة لأقصى اليمين . ا 
</head>‏ 

القيمة 1.2/1 : وظيفتها محاذاة الصورة لأقصى اليسار. 
<body >‏ 


<font face="andalus" color="red 


القيمة 111001 : وظيفتها النص بقع بمحاذاة منتصف الصورة . مدرستي جعيلة ونظيفة ومتطورة 
</font>‏ 
القيمة 80107 : وظيفتها النص يقع بمحاذاة الحافة السفاى للصورة . 


القيمة ده'1: وظيفتها النص يقع بمحاذاة الحافة العليا للصورة . </html>‏ 


0 التقويم ميف يمكن ادراخ صورة داخل صفحة الويبه ؟ ` سے 


وها 


الدرس الثالث عشر 


إضافة وسائط مقعددة / الارتباط التشعبي 


هدرخ صوت كخلفية صوتية لصفحة الويب بالأمر 120هموع 5 
درج فيديو داخل صفحة الويب بالأمر أ٤ا"‏ 


#يدرخ ارتباط تشعبي لنص او صورة . بالأمره 


اصطحب الطلاب لحجرة الحاسب الالي واقسمهم لمجموعات واطرخ عليهم السؤال التمهيدي واطلب منهم كتابة الأوامر الأساسية للصفحة واعرض كدر 
عليهم كيفية ادراخ صوت كخلفية للصفحة واستخدام الأوامر اللازمة لإدراخ فيديو وارتباط تشعبي لنص او صورة واطلب منهم تطبيق ما تعلموا من خلال 
تدريبات الكتاب . 


إدراخ الصوت كخلفية صوتية للصفحة : يمكن إدراج الصوت كخلفية لصفحة الويب حيث يتم الاستماع اليه عند تحميل الصفحة بالمستعرض باستخدام 
الأمر <دل سعط > كالتالي : 

- كتابة الگود كما هو موضخ >”3صp <bgsound src=” Egypt.‏ 

- حفظ الملف النصي بامتداد 11:0 . 

- فقع ملف صفحة الويب في مستعرض الانترنت . 

إدراخ فيديو داخل صفحة الويب : باستخدام الأمر <0ءط2رع>يتم إدراخ الفيديو في الصفحة وهو يدعم ملفات الفيديو من النوع 
.m0۷(‏ - ألكق.- .swf‏ ) ف كتابة الكود كما هو موضخ < /01كه.اء سترع )ص <embed src=”‏ 

إدراج ارتباط تشعبي بصفحة الويب : الارتباط التشعبي عبارة عن صور او نص مرتبط بعنوان وعند الضغط عليه يتم الانتقال إلى هذه العنوان ويمكن أن 
يكون داخل الصفحة أو بصفحة أخرى بنفس الموقع او موقع أخر . 

ارتباط تشعبي على هيثة نص : الصيغة العامة <a href=http://www.moe.gov.eg> azhar.gov.eg </a>  :‏ 

ارتباط تشعبي على هيئة صورة ؛ لكي تصبح صورة ارقباط يجب اتباع التالي : 

- إظهار الصورة باستخدام الأمر <8 > 

- وضع أمر الصورة <ع123ؤ> داخل الأمر <4/> ...<4> وذللءَ لتحويلها الي ارتباط تشعبي 


<a href = “myschool.htm”><img sre=”tools.jpصg”>‎ </a> : الصيغة العامة‎ 


20 التقويم : كيف يمكن تحويل صورة الي ارتباط تشعبي ؟ 


ak‏ دفتر تحضير الصف الثاني الإعدادي 
جي 


الدرس الرابع عشر 


إنشاء موقع مدرستي (1) 


کے — 


بنهاية الدرس يكون الطالب قادرا علي أن : 
# دد عدد صفكات الموقع من التخطيط التفصيلي لموقع الويب 
»ينشئ صفخة الويب الرئيسية 1)١‏ .ه11 


#٠‏ ينشي صفحة الويب عن المدرسة 01٤. 1)١‏ ط4 


اصطحب الطلاب لحجرة الخاسب الال واقسمهم لمجموعات واطرخ عليهم السؤال التمهيدي ونعرض المخطط التغصيلي للموقع واطلب منهم تحديد 
عدد الصفحات اللازمة واقوم بعرض عملي لإنشاء الصفحات ( الرئيسة - عن المدرسة ) وأطلب. منهم تطبيق ما تعلموه من خلال تدريبات الكتاب . 


إنشاء موقع مدرستي : من التخطيط التفصياي يتضخ أنه مكون من أربع صفحات وهي : 
١‏ - صفحة الويب الرئيسة "مدرستي " تحفظ بداخل ملف Home. ht)‏ 

؟ - صفحة الويب "عن المدرسة " تحفظ بداخل ملف تصاط .2501 

100.) صفحة الويب "البوم الصور " تحفظ بداخل ملف دد‎ - ٠" 

؟ - صفحة الويب "الرؤية والرسالة "غفظ بداخل ملف ١اط‏ .0او 

إنشاء صفحة الويب "الرئيسة " 11)122 .110121 : تنكون صفحة الويب الرئيسة من : 
- النص "مدرستي " الخط (لونه أحمر - نوعه 1131101218 - حجمه 1 ) 

- أربعة ارتباطات تشعبية نصية للصفحات الأخرى 


- صورة - كود الصفحة ( انظر الكتاب صفحة 115 ) 


إنشاء صفحة الويب "عن المدرسة " 12 .)301 : تتكون الصفحة من الأفي : 
- النصوص "تاريخ إنشاء المدرسة " - "عنوان المدرسة " - "تليفون المدرسة " 
- الخط ( لونه أحمر - نوعه - 131101778 حجمه 5 ) 

- فيديو - ارتباط تشعبي صورة ( عند الضغط عليه يرجع للصفحة الرئيسة ) 

- كود الصفحة ( انظر الكتاب صفحة ١؟1‏ ) 


التقويم : تقييم ما يقدمه الطلاب من مشروعات . 


دفتر تحضور الصف الثاني الإعدادي الف اسي الأول 
2 اس ااا 
هي 5 


الدرس الاامس عشر 


إنشاء موقع مدرستي (؟) 


بنهاية الدرس يكون الطالب قادرا علي أن : 
»ينشئ صفحة الويب الرئيسية )12100.11 
«ينشي صفحة الويب عن المبرسة 0۸٤4٤٤. 1٤١‏ 


١‏ يدر ارتباطات تشعري بين صفحات الموقع 


ربطها بالصفحات الجديدة بعد إنشاؤها عن طريق الارتباط واقوم بعرض عملي لإنشاء الصفحات ( البوم الصور - الرؤية والرسالة ) وأطلب منهم تطبيق 
ما تعلموه من خلال تدريبات الكتاب . 


کے کے 


إنشاء صفخة الويب "البوم الصور Photo.htm"‏ : تتكونث صفخة الويب "عن المدرسة" من الأ 8 


- النص "البوم الصور" الخط ( لونه أحمر - نوعه 4101١3‏ - حجمه 1 ) 


عد صو — 


- ارتباط تشعبي صورة ( عند الضغط عليه يرجع للصفحات الرئيسة ) 


- كود صفحة الويب " عن المدرسة " (انظر الكتاب صفحة ١؟1‏ ) 
إنشاء صفحة الويب "الرؤية والرسالة " ۷410١. 11١‏ : تتكون صفحة الويب من الأق : 
- النص "الرؤية والرسالة " الخط ( لونه احمر - نوعه - 121012 حجمه 1 ) 


- النص " رؤية المدرسة ..." الخط (نوعه 1210128 - حجمه ؟ ) 


© - كود صفحة الويب "الرؤية والرسالة " (انظر الكتاب صفحة ؟؟1 ) 


الس ومن 5 


